/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 6px;  
    min-width: 3px;
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #dacccc;  
}  

.cm-panel {
	position: relative;
	width: 700px;
	height: 500px;
	border: 1px solid #444;
}
.cm-panel .cm-tab-list,.cm-panel .cm-content {
	float: left;
}
.cm-tab-list {
	overflow-y: auto;
	position: relative;
	width: 30%;
	height: 100%;
	background-color: #9a9595;
}
.cm-content {
	position: relative;
	width: 70%;
	height: 100%;
	background-color: #fff;
}
.cm-content-show {
	overflow-y: auto;
	width:100%;
	height:70%;
	position:relative;
	background:#ddd;
}
.cm-content-input {
	overflow-y: auto;
	width:100%;
	height:30%;
	position:relative;
}

.cm-tab {
	position: relative;
	box-sizing: content-box;
	color: #fff;
	background-color: #847070;
	height: 26px;
	line-height: 26px;
	text-align: ;
}
.cm-tab .cm-tab-username,
.cm-tab .cm-tab-unread {
	float: left;
}
.cm-tab-choosed {
	color: #222;
	background-color: red;
	/*background-color: #e2d2d2;*/
}
.cm-tab-username {
	width: 80%;
}

.cm-tab-unread {
	text-align: center;
	width: 10%;
	float: right;
	font-size: 11px;
}
.cm-tab-close {
	width: 10%;
	position: relative;
	float: right;
	text-align: center;
}
